<style lang="scss" scoped>
    h2{
        color: red;
    }
    h1{
        color: green;
    }
</style>
<template>
    <div>
        <!-- <h1>
            {{ $title }}
        </h1> -->
        <h1 v-if="$store.state.isLogin">
            已登录
        </h1>
        <h2 v-else>
            未登录
        </h2>
        <button @click="login()">
            登录
        </button>
        <button @click="test()">
            检测
        </button>
    </div>
</template>
<script>
 export default {
    methods: {
        login(){
            // this.$store.state.isLogin = true;
            this.$store.commit('changeLogin',{
                key: 'vuex',
                key1: 'vuexx'
            })
        },
        test(){
            console.log(
                // 取出库中的状态 isLogin
                this.$store.state.isLogin
            );
        }
    },
    created(){
        // this.$title = '66'
        // this.$router
        // console.log(
        //     // 取出库中的状态 isLogin
        //     this.$store.state.isLogin
        // );
    }
 }
</script>